<template>
  <div class="myFooter">
    <div style="font-size: 25px; margin: 15px 0">游戏信息网站</div>
    <div style="font-size: 20px">小组成员：XXX、XXX、XXX</div>
    <div class="skill">
      <div style="font-size: 20px">使用技术：</div>
      <div>
        前端：Vue3全家桶、axios发送网络请求、部分element-plus组件、font-awesome图标库、animate动画库、scrollreveal滚动动画库、normalize统一元素样式
      </div>
      <div>
        后端：Node.js框架koa2、koa-router实现koa路由、koa-bodyparser解析请求参数、axios请求爬取页面、cheerio实现爬虫获取网页数据、dotenv解析.env文件内容、nodemailer实现邮件发送
      </div>
    </div>
  </div>
</template>

<script setup></script>

<style scoped lang="less">
.myFooter {
  width: 100vw;
  height: 180px;
  margin-top: 20px;
  background-color: rgb(30, 34, 45);
  display: flex;
  align-items: center;
  flex-direction: column;
  color: rgb(118, 139, 156);
  .name {
    font-size: 20px;
    margin: 15px 0;
  }
  .skill div {
    margin: 5px 0;
  }
}
</style>
